<template>
    <div>
       <div class="recommed-title" >周末去哪儿</div> 
       <ul>
           <li class="item" v-for="item of list" :key="item.id">
             <div class="item-img-warper" >
             <img class="item-img" :src="item.imgUrl">
             </div>    
             <div class="item-info">
              <p class="item-title">{{item.title}}</p>
              <p class="item-desc">{{item.desc}}</p>
             </div> 
           </li>
       </ul>
    </div>
</template>
<script>
export default {
  name:'HomeWeeke',
  props: {
      list:Array
  }
}
</script>
<style lang="stylus" scoped>
    @import '~styles/inmist.styl'
    .recommed-title
     line-height :.8rem
     background :#eee
     text-indent :.2rem
    .item-img-warper
      overflow: hidden
      height :0
      padding-bottom :37.09%
      .item-img
         width :100%
    .item-info
      padding :.1rem
      .item-title
         line-height :.54rem
         font-size :.32rem
         ellipest()
      .item-desc
         line-height :.4rem
         color :#ccc
         ellipest()
           

           
</style>
